<template>
	<view class="unlogin-container fcc-col">
		<text class="unlogin-tip mt20">您还未登录，请先登录</text>
		<button class="login-btn mt30" @click="$emit('login')" :loading="loading">
			立即登录
		</button>
	</view>
</template>

<script setup>
	defineProps({
		loading: {
			type: Boolean,
			default: false
		}
	})

	defineEmits(['login'])
</script>

<style lang="scss" scoped>
	.unlogin-container {
		width: 100%;
		height: 60vh;

		.unlogin-tip {
			font-size: 28rpx;
			color: #999;
		}

		.login-btn {
			width: 200rpx;
			height: 80rpx;
			line-height: 80rpx;
			background: linear-gradient(90deg, #4A90E2, #5D9BF2);
			color: white;
			border-radius: 40rpx;
			font-size: 28rpx;
		}
	}
</style>